$(function() {
    var layer = layui.layer;
    $("#form_login").submit(function(e) {
        // 阻止默认提交行为
        e.preventDefault();
        $.ajax({
            url: "/api/login",
            method: "POST",
            // 快速获取表单中的数据
            data: $(this).serialize(),
            success: function(res) {
                console.log(res);
                if (res.status !== 0) {
                    return layer.msg("登录失败！");
                }
                layer.msg("登录成功！");
                // 将登录成功得到的 token 字符串，保存到 localStorage 中
                localStorage.setItem("token", res.token);
                // 跳转到后台主页
                location.href = "/bigevent-end/index.html";
            },
        });
    });

    $('#link_reg').on('click', function() {
        // console.log(1);
        $('#form_reg').show()
        $('#form_login').hide()
    })
    $('#link_login').on('click', function() {
        $('#form_reg').hide()
        $('#form_login').show()
    })

    /* 自定义表单校验规则 */
    var form = layui.form;
    form.verify({
            pwd: [
                /^[\S]{6,12}$/,
                '密码必须是6-12位的非空字符'
            ],
            repwd: function(value, item) {
                //value 使用此规则的表单项的值（确认密码框的值）
                //item 使用词汇则的表单项元素对象
                var password = $('#form_reg [name=password]').val();
                if (value !== password) {
                    return '两次密码不一致'
                }
            }
        })
        /*  注册用户 */
        //给注册表单，绑定submit事件
    $('#form_reg').on('submit', function(e) {
        //阻止默认提交行为
        e.preventDefault();
        //收集表单数据
        var username = $('#form_reg [name=username]').val().trim()
        var password = $('#form_reg [name=password]').val().trim()
            //调接口
        $.ajax({
            url: '/api/register',
            method: 'post',
            data: {
                username: username,
                password
            },
            success: function(res) {
                console.log(res);
                if (res.status !== 0) {
                    // return alert('注册失败')
                    return layer.msg(res.message, { icon: 5 });
                }
                // alert('注册成功')
                layer.msg('注册成功', { icon: 6 }, function() {
                    $('#link_login').click();
                })


            }
        })
    })






});